<template>
  <div>
   <div class="item">
     <img :src="list.img" alt="">
     <p>{{list.title}}</p>
   </div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data(){
    return{
   list:{}
    }
  },
async created(){
  let {i,index}=this.$route.params;
  let res=await axios.get('/api/detail',{params:{
    i,index
  }})
  this.list=res.data.detailList
}
}
</script>

<style scoped>
.item{
  display: flex;
  align-items: center;
}
img{
  border-radius: 50%;
}
</style>